<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
         "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<title>火输(Fireinput) - 基于火狐(Firefox)浏览器的中文输入</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="description" content="Fireinput, IME, chinese, input method">
<meta name="keywords" content="Fireinput, IME, chinese, input method">
<link href="chrome://fireinput/skin/jquery.tabs.css" rel="stylesheet" type="text/css" media="print, projection, screen">
<link href="chrome://fireinput/skin/emotionmgr.css" rel="stylesheet" type="text/css">
<script language="JavaScript" type="text/javascript" src="chrome://fireinput/content/lib.js"></script>
<script language="JavaScript" type="text/javascript" src="chrome://fireinput/content/utils.js"></script>
<script language="JavaScript" type="text/javascript" src="chrome://fireinput/content/md5.js"></script>
<script language="JavaScript" type="text/javascript" src="chrome://fireinput/content/constant.js"></script>
<script language="JavaScript" type="text/javascript" src="chrome://fireinput/content/stream.js"></script>
<script language="JavaScript" type="text/javascript" src="chrome://fireinput/content/lib/jquery.js"></script>
<script language="JavaScript" type="text/javascript" src="chrome://fireinput/content/lib/jquery.tabs.pack.js"></script>
<script language="JavaScript" type="text/javascript" src="chrome://fireinput/content/store/storeemotion.js"></script>
<script language="JavaScript" type="text/javascript" src="chrome://fireinput/content/emotion.js"></script>
<script language="JavaScript" type="text/javascript" src="chrome://fireinput/content/fireinputPrefs.js"></script>
<script language="JavaScript" type="text/javascript" src="chrome://fireinput/content/emotionmgr/pagination.js"></script>
<script language="JavaScript" type="text/javascript" src="chrome://fireinput/content/emotionmgr/emotionmgr.js"></script>
<script type="text/javascript">
$(function() {
   EmotionMgr.checkUserLogon(); 
   EmotionMgr.loadCurrentEmotions();
   $('#topTabMenu').tabs({
	fxSpeed: 'fast',
        onShow: function (){
          EmotionMgr.initTab($(this).activeTab()); 
          if($(this).activeTab() == 2)
            EmotionMgr.loadCurrentEmotions(); 
        }
   });
   // initialize for page refresh 
   EmotionMgr.initTab($('#topTabMenu').activeTab()); 
});
</script>
</head>

<body>

<div id="main">
      <div style="float: right; margin-right: 3px;">
        <span id="logonUserBox" style="margin-left:25px">
          <span id="logonUser" style="color: blue;margin-right: 10px;"></span>
        </span>
        <span id="addFileCommand">
          <span id="uploadLink" class="textLink logonLink" onclick="EmotionMgr.toggleUploadForm()">上传</span>
        </span>
        <span id="browseFileCommand">
          <span id="localFiles" class="textLink logonLink" onclick="EmotionMgr.loadCurrentEmotions()">我的图案</span>
          <span>|</span>
          <span id="showAllFiles" class="textLink logonLink" onclick="EmotionMgr.showMimeOrAll(false)">共享图案</span>
          <span id="showMyUpload">|<span class="textLink logonLink" onclick="EmotionMgr.showMimeOrAll(true)">我的上传</span></span>
        </span>
        </span>
        <span id="logonLink">|<span class="textLink logonLink" onclick="EmotionMgr.toggleLogonForm(event)">登录</span></span>
      </div>
 
      <!-- logon form -->
      <div id="logonForm" class="logonForm" style="display: none">
        <div style="margin: 10px 10px 10px 5px">
          <div id="logonMessage" style="color: red; margin-bottom: 5px;"></div>
          <form onsubmit="javascript:return false;">
            <table>
                 <tr><td style="vertical-align:top">注册邮箱:</td><td><input id="logonEmail" type="text" /></td></tr>
                 <tr><td style="text-align:right">密码:</td><td><input id="logonPasswd" type="password" onkeypress="EmotionMgr.logon(event)"/></td></tr>
                 <tr><td><input id="logonSeed" type="hidden" value=""/></td></tr>
                 <tr><td></td><td><input type="button" id="logonButton" value="登录" onclick="EmotionMgr.logon()"/></td></tr>
           </table>
          </form>
        </div>
      </div>
     <div id="topTabMenu">
       <ul>
        <li><a href="#addFile">
                <img class="tabs-cornerTopLeft" src="chrome://fireinput/skin/tab-topleft.png"/>
                <img class="tabs-cornerTopRight" src="chrome://fireinput/skin/tab-topright.png"/>
        <span>添加图案</span></a>
         </li>
        <li><a href="#browseFile">
                <img class="tabs-cornerTopLeft" src="chrome://fireinput/skin/tab-topleft.png"/>
                <img class="tabs-cornerTopRight" src="chrome://fireinput/skin/tab-topright.png"/>
         <span>浏览图案</span></a></li>
    </ul>

    <div id="addFile">
      <div id="uploadLinkBox" style="display:none; margin-right: 5px">
        <br/>
        <div id="uploadFileHelp" style="text-align:left; padding-left: 5px;">
        想上传您的图片? 点击"Browser..."按钮选择您想上传的图案，然后点击上传按钮。 <span id="needLogonHelp" style="display:none">如果您想管理所上传的图案，请到<a href="javascript:void(0)" class="textLink" onclick="EmotionMgr.goToPage('http://www.fireinput.com/account/create_user.php')">www.fireinput.com</a>去注册。如果您已经注册，请先登录。非注册用户依然可以上传，但将不能够管理所上传图案</span>
        </div>
     </div> <!-- Upload part --> 

     <br/>
     <div id="addFileHelp" style="text-align:left;padding-left: 5px;">
       把图案的链接，例如 <span style="color: blue">"http://www.fireinput.com/emotions/flag/china.png"</span>, 放入下面的输入框。您所想加入的图案会自动显示在下面的方框内。然后点击"加入"按钮把它保存入网络图案菜单。如果您的图案不在网上，可以先上传</br> 
     </div>
     <div style="margin-right: 3px">
        <div id="uploadForm" style="display:none; padding-left: 5px;">
          <form enctype="multipart/form-data" action="http://www.fireinput.com/emotions/uploadem.php" method="POST" onsubmit="return EmotionMgr.uploadFile(this)">
            <input id="uploadFileValue" type="file" name="NewFile" size="50" onchange="EmotionMgr.addFileOnInput()"/>
            &nbsp;&nbsp;
            <input type="submit" value="上传"/>
          </form>
        </div>
        <div id="addForm" style="padding-left: 5px">
          <form action="javascript:EmotionMgr.addFileIntoList()">
           <input id="addFileValue" style="color: blue" size="50" onfocus="EmotionMgr.addFileOnFocus(event)" oninput="EmotionMgr.addFileOnInput(event)"/>
           <input type="button" id="okButton" value="加入" onclick="EmotionMgr.addFileIntoList()"/>
          </form>
        </div>
     </div>

      <br/>
      <div style="border: 1px solid #999;height: 64px; width:64px; margin-left: 100px">
        <img id="addFileShowImage" src="" width="64" height="64"/>
      </div>
      <br/>
      <div style="margin-left:50px;text-align:center; width: 150px;">
        <span id="addFileMessage" style="color: green;"></span>
      </div>
      <br/>
      <br/>
      <div style="margin-left: 50px">图案只有在上面显示后方能成功加入</div>
    </div>
 
    <div id="browseFile">
      <div id="browseFileDescription" style="text-align:left; margin: 15px 1px 10px 0px ; padding-left: 5px;">
        在这里，您可以对已加入的图案进行删除管理，或选择加入其他用户上传的图案。所有更改只有在保存后才会生效
      </div>
      <div id="browseFileMessage" style="color: green; padding-left: 5px;"></div>
      <div id="browseFileList">
        <div id="pagecontent" class="pagecontent"></div>
        <div id="paginatioplink" class="pagecontent"></div>
      </div>
      <div style="margin-left: 40px;">
           <input type="button" id="updateButton" value="保存" onclick="EmotionMgr.saveFileToList()"/>
           <span id="saveFileMessage" style="margin-left: 5px; color: green;"></span>
      </div>
    </div>
   </div>
</div>
</body>
</html>
